*{margin:0;padding:0;}
/*2024-07-04鏂板*/
.top_login a.login{border-radius:6px;width:48px;height:24px;background:#ff8f89;cursor:pointer;line-height:24px;text-align:center;font-size:13px;color:#fff!important;display:flex;align-items:center;justify-content:center;}
.top_login a.login:hover{background:#F44336;}
.hover-box{display:flex;flex-direction:column;position:relative;}
.user_pic{width:30px;height:30px;border-radius:50px;background:#ccc;cursor:pointer;line-height:0!important;}
.user_choice{position:absolute;width:100px;height:60px;border:1px solid #ccc;left:-113%;top:100%;background:#fff;flex-direction:column;display:none;z-index:999;}
.user_choice a{font-size:12px!important;height:30px;line-height:30px!important;text-align:center;}
.hover-box:hover .user_choice{display:flex!important;}
.ht-login-dialog{--button-background:linear-gradient(90deg,#ff4e45 0%,#ff7753 100%);--forget-color:#ff4e45;--checkbox-checked:url(https://p.htwx.net/v/login/checked.png);}
.ht-login-dialog[data-theme='blue']{--button-background:#1478f0;--forget-color:#1478f0;--checkbox-checked:url(https://p.htwx.net/v/login/checked-blue.png);}
.ht-login-dialog[data-theme='green']{--button-background:#009688;--forget-color:#009688;--checkbox-checked:url(https://p.htwx.net/v/login/checked-green.png);}
input,button{outline:none;}
.ht-login,.ht-find-password{display:none;padding-bottom:76px;}
.ht-login.active,.ht-find-password.active{display:block;}
.ht-login-mask{position:fixed;z-index:999;background:rgba(0,0,0,0.4);top:0;bottom:0;left:0;right:0;}
.ht-login-dialog{width:440px;height:472px;background:#ffffff;border-radius:8px 8px 8px 8px;position:fixed;z-index:1000;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
.ht-login-close{position:absolute;top:24px;right:24px;width:16px;cursor:pointer;}
.ht-login-panel{margin-top:60px;font-weight:400;font-size:20px;color:#999;line-height:28px;}
.ht-login-panel .tab{display:flex;justify-content:center;}
.ht-toggle-type{cursor:pointer;margin:0 12px;}
.ht-toggle-type.active{font-weight:600;font-size:20px;color:#333;cursor:default;}
.ht-form-content{display:none;text-align:center;margin-top:40px;}
.ht-form-content.active{display:block;}
.ht-mobile{position:relative;}
.ht-err-msg{font-size:10px;color:#ff4e45;text-align:left;width:320px;margin:0 auto;line-height:16px;}
.ht-password,.ht-account{margin-top:20px;}
.ht-account .ht-form-account{width:320px;height:40px;background:#ffffff;border-radius:8px 8px 8px 8px;border:1px solid #dcdfe5;padding-left:12px;box-sizing:border-box;font-size:14px;}
.ht-form-mobile{width:320px;height:40px;background:#ffffff;border-radius:8px 8px 8px 8px;border:1px solid #dcdfe5;box-sizing:border-box;outline:none;position:relative;padding-left:50px;font-size:14px;}
.ht-mobile-type{position:absolute;left:72px;top:10px;height:20px;line-height:20px;font-size:14px;color:#333333;}
.ht-login-dialog #sc{margin-left:60px;margin-top:0;position:static;}
#sc .nc_scale{height:40px;border-radius:6px;}
#sc.nc-container .nc_scale .nc_bg{border-radius:8px;}
#sc.nc-container .nc_scale span{height:38px;line-height:40px;border-radius:8px;}
#sc.nc-container #nc_1_wrapper{height:40px;width:320px;border-radius:8px;border:1px solid #dcdfe5;}
.ht-sc-wrap{min-height:40px;margin-top:20px;}
.ht-form-captcha-wrap{font-size:0;margin-top:20px;}
.ht-form-captcha{width:234px;height:40px;background:#ffffff;border-radius:8px 0px 0px 8px;border:1px solid #dcdfe5;border-right:none;box-sizing:border-box;vertical-align:top;padding-left:12px;font-size:14px;}
.ht-send-code{width:86px;height:40px;background:var(--button-background);border-radius:0px 8px 8px 0px;border:none;font-size:14px;color:#ffffff;vertical-align:top;cursor:pointer;}
.ht-login-btn{width:320px;height:40px;background:var(--button-background);border-radius:8px 8px 8px 8px;opacity:0.5;border:none;font-size:16px;color:#ffffff;margin-top:20px;}
.ht-login-btn.active{opacity:1;cursor:pointer;}
.ht-agree-wrap{font-size:12px;color:#333;margin:21px auto 0;width:320px;text-align:left;line-height:16px;}
.ht-tip-wrap{font-size:12px;color:#666;margin:14px auto 0;text-align:left;width:320px;line-height:16px;}
.ht-tip-icon{width:16px;height:16px;margin-right:5px;display:inline-block;vertical-align:middle;}
.ht-tip-content{display:inline-block;vertical-align:middle;}
.ht-protocal-link,.ht-privacy-link{text-decoration:none;color:#1478f0;}
.ht-form-password-wrap{width:320px;height:40px;margin:0 auto;position:relative;}
.password-state{position:absolute;width:24px;height:24px;right:12px;top:50%;margin-top:-12px;cursor:pointer;}
.ht-form-password{width:320px;height:40px;background:#ffffff;border-radius:8px 8px 8px 8px;border:1px solid #dcdfe5;padding-left:12px;box-sizing:border-box;font-size:14px;}
.ht-forget{text-align:right;width:320px;height:20px;margin:20px auto 0;}
.ht-forget-content{height:20px;line-height:20px;font-size:14px;color:var(--forget-color);cursor:pointer;display:inline-block;}
.ht-login-back{width:16px;height:16px;position:absolute;top:24px;left:24px;cursor:pointer;}
.ht-find-title{font-weight:600;font-size:20px;color:#333333;text-align:center;margin-top:18px;}
.ht-error-tips{border-color:#ff4e45;}
#ht-agree{vertical-align:middle;margin-right:8px;border:1px solid #dcdfe5;box-sizing:border-box;outline:none;}
#ht-agree::before{content: '';display:block;background:url(https://p.htwx.net/v/login/checkbox.png) no-repeat;background-color:#fff;background-size:14px;width:14px;height:14px;}
#ht-agree:checked::before{content: '';background-image:var(--checkbox-checked);}
.ht-agree-label{display:inline-block;vertical-align:middle;}
@media screen and (max-width:1000px){
.user_choice{left:initial;z-index:999;right:0;}
}
@media screen and (max-width:440px){
.ht-login-dialog{width:94%;}
.ht-form-mobile{width:100%;padding-left:20%;}
.ht-mobile{width:80%;margin:0 auto;}
span.ht-mobile-type{left:5%;}
.ht-login-dialog #sc{margin-left:0;}
#sc.nc-container #nc_1_wrapper{width:80%;margin:0 auto;}
.ht-form-captcha{width:50%;}
.ht-send-code{width:30%;}
button.ht-login-btn{width:80%;}
.ht-agree-wrap{width:90%;}
.ht-tip-wrap{width:90%;}
.ht-account .ht-form-account{width:80%;}
.ht-err-msg{width:80%;}
.ht-form-password-wrap{width:80%;}
.ht-form-password{width:100%;}
.ht-forget{width:80%;}
}